<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package Techno Track
 * @subpackage Techno_Track
 * @since Techno Track 1.0
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="author" content="technotrack.com.np"/>
<meta name="copyright" content="www.technotrack.com.np, 2011"/>
<meta name="coverage" content="worldwide"/>
<meta name="distribution" content="global"/>
<meta name="Identifier-url" content="http://www.technotrack.com.np/"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="technotrack.com.np, techno track, techno, track, techno-track, technology, web system, best IT company in nepal, software, hotel management system, Website design, E-Commerce solution, intranet application development, Open source development, offshore website development, shared and dedicated web hosting"/>
<meta name="metatags" content="technotrack.com.np, techno track, techno, track, techno-track, technology, web system, best IT company in nepal, software, hotel management system, Website design, E-Commerce solution, intranet application development, Open source development, offshore website development, shared and dedicated web hosting"/>
<title>
<?php
	/*
	 * Print the <title> tag based on what is being viewed.
	 */
	global $page, $paged;

	wp_title( '|', true, 'right' );

	// Add the blog name.
	bloginfo( 'name' );

	// Add the blog description for the home/front page.
	$site_description = get_bloginfo( 'description');
        //echo $site_description;
	if ( $site_description && ( is_home() || is_front_page() ) )
		//echo " | $site_description";

	// Add a page number if necessary:
	if ( $paged >= 2 || $page >= 2 )
		echo ' | ' . sprintf( __( 'Page %s', 'Techno Track' ), max( $paged, $page ) );

	?>
</title>
<link href="<?php echo bloginfo('template_url');?>/css/style.css" rel="stylesheet" media="screen" type="text/css" />
<script type="text/javascript" src="<?php echo bloginfo('template_url');?>/js/cufon-yui.js"></script>
<script type="text/javascript" src="<?php echo bloginfo('template_url');?>/js/Impact_400.font.js"></script>
<script type="text/javascript" src="<?php echo bloginfo('template_url');?>/js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo bloginfo('template_url');?>/js/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript">
    Cufon.replace('h1');
    $(document).ready(function() {
        $('.banner').cycle({
                fx: 'scrollLeft' //  transition type, scrollleft
        });
        
        $(".latest-news").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".latest-news:first").show(); //Show first tab content

	//On Click Event
	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".latest-news").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});

    });
</script>
</head>

<body>
	<!--rapper start-->
    <div id="rapper">

    	<!--header part start-->
    	<div id="header">
        	<div><a href="#" class="logo" title="technotrack - logo"></a></div>
            <div class="contact">
            	<div> <?php get_search_form() ;?> </div>
            </div>
        </div>
        <!--header end-->

        	<!--banner start-->
            <div id="banner">
            	<div id="nav">
                	<ul>
                    	<li><a href="http://www.technotrack.com.np" target="_self">►&nbsp; Home</a></li>
                        <li><a href="?page_id=22" target="_self">►&nbsp; About Us</a></li>
                        <li><a href="?page_id=28" target="_self">►&nbsp; Our Services</a></li>
                        <li><a href="?page_id=34" target="_self">►&nbsp; Portfolio</a></li>
                        <li class="omit-brd"><a href="?page_id=36" target="_self">►&nbsp; Contact Us</a></li>
                     </ul>
                </div>
                <!--<div id="fls-ban"></div>-->
                <div class="banner">
                    <img src="<?php echo bloginfo('template_url');?>/images/fls-ban.png"/>
                    <img src="<?php echo bloginfo('template_url');?>/images/fls-ban1.png"/>
                    <img src="<?php echo bloginfo('template_url');?>/images/fls-ban3.png"/>
                </div>
            </div>
            <!--banner end-->